<template>
  <div class="y-absolute y-left-0 y-bottom-0 y-right-0 y-overflow-hidden">
    <div class="y-px-0 y-py-0 y-bg-white">
      <div class="y-fixed y-top-[40%] y-left-1/2 y-px-7 y-py-7 -y-translate-x-1/2 -y-translate-y-1/2 y-text-center">
        <h2 class=" y-pb-3 y-text-gray-600 y-text-6xl md:y-text-7xl md:y-pb-4 lg:y-text-9xl lg:y-pb-8">404</h2>
        <p
          class="y-text-gray-500 y-whitespace-nowrap y-uppercase y-pb-2 y-text-1xl md:y-text-2xl md:y-pb-4 lg:y-text-3xl lg:y-pb-6">
          抱歉！页面<span class="y-text-[#ee8145]">走丢了</span> ...</p>
        <el-button type="text" class="" @click="$router.go(-1)">返回上一页</el-button>
        <el-button type="primary" class="" @click="$router.push({ path: '/home', replace: true})">返回首页</el-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "page404",
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped></style>